<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>三大姬崽交友网站</title>
    <!--narmalize使css样式在各主流浏览器下显示的样式是基本一致的-->
    <link rel="stylesheet" href="./jizai.css" />
    <!--引入图标的链接-->
    <link rel="stylesheet" href="http://at.alicdn.com/t/c/font_3991608_ldcbd7of1yl.css">
  </head>
  <body>
    <!--导航栏-->
    <div class="nav">
        <!--导航栏实际存放内容的地方-->
        <div class="head">

          <a href="https://www.baidu.com/">
            <img src="./导航栏.jpg" class="img-head">
          </a>
          
          <!--设置导航栏内容-->
          <ul>
            <li>
              <a href="shouye.html">
                <span>首页</span>
              </a>
            </li>
            <li>
              <a href="jizai.html">
                <span style="color: red;">姬崽</span>
              </a>
            </li>
            <li>
              <a href="#">
                <span>待拓荒ing</span>
              </a>
            </li>
          </ul>
        </div>

    </div>

    <!--轮播图
    <div class="banner">
      <ul>
        <li><img src="./轮播图1.jpg"></li>
        <li><img src="./轮播图2.jpg"></li>
        <li><img src="./轮播图3.jpg"></li>
        <li><img src="./轮播图4.jpg"></li>
        <li><img src="./轮播图5.jpg"></li>
      </ul>

      <div class="num">
        <span class="on"></span>
        <span></span>
        <span></span>
        <span></span>
        <span></span>
      </div>
    左右切换图标 
      <a href="javascript:;" class="prev"><i class="iconfont icon-qiehuanqizuo"></i></a>
      <a href="javascript:;" class="next"><i class="iconfont icon-qiehuanqiyou"></i></a>
   -->
    </div>

    <!--jq-->
    <script src="jquery.min.js" type="text/javascript"></script>
    <!--<script src="./jizai.js"></script>-->
 <script src="./jq.js"></script>
  </body>
</html>